<template>
  <div>
    <ul>
      <!-- key必须保证是不能重复 唯一 -->
      <!-- vue官方是推荐必须要用key 后面会讲 -->
      <li v-for="item in arr" :key="item.id">{{ item.name }}</li>
    </ul>

    <hr />

    <ul>
      <!-- 什么时候用index 数组是简单类型，没有id值 -->
      <!-- 有id一定要用id,没有id再考虑用index  -->
      <li v-for="(item, index) in arr1" :key="index">{{ item }}</li>
    </ul>
  </div>
</template>

<script>
export default {
  data() {
    return {
      arr: [
        { id: 1, name: "吃饭" },
        { id: 2, name: "睡觉" },
        { id: 3, name: "打豆豆" },
      ],
      arr1: ["张三", "李四", "王五", "李四"],
    };
  },
};

// const arr = [
//             {id:1,name:'吃饭'},
//             {id:2,name:'睡觉'},
//             {id:3,name:'打豆豆'}
//         ]
// arr.forEach(item=>{

// })

// arr.forEach((a,b)=>{

// })
</script>

<style scoped></style>
